.bamboo-left {
  position: fixed;
  top: 4rem;
  left: 0px;
  bottom: 0px;
  width: 12rem;
  background-color: $white;
  padding-top: 1.5rem;
}

.bamboo-left-logo {
  height: 8rem;
  line-height: 8rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  border-bottom: solid 1px $border-color;
  > span {
    font-size: 2.3rem;
    color: $green;
    align-self: center;
    font-weight: bold;
  }
  > img {
    width: 3rem;
    height: 3rem;
    align-self: center;
    &+span {
      font-size: 1.6rem;
      margin-left: .65rem;
    }
  }
}

.bamboo-left-menu {
  > div {
    > h3 {
      margin: 0px;
      padding: 0px;
      > a {
        color: $gray-one;
        display: block;
        padding: 1.2rem 0;
        padding-left: 2rem;
        padding-right: 1rem;
        line-height: 1.5;
        font-size: 1.1rem;
        transition: all .1s;
        -moz-transition: all .1s; /* Firefox 4 */
        -webkit-transition: all 0.1s; /* Safari 和 Chrome */
        -o-transition: all .1s; /* Opera */
        overflow: hidden;
        // &:hover {
        //   color: $green;
        // }
        > i {
          &:last-child {
            float: right;
            margin-top: .3rem;
          }
          &:nth-child(1) {
            float: none;
            margin-right: .65rem;
          }
        }
      }
    }
    > ul {
      margin: 0px;
      background-color: $bgcolor;
      display: none;
      a {
        color: $gray-one;
        display: block;
        font-size: 1rem;
        padding: 1.2rem 0;
        padding-left: 5rem;
        line-height: 1.5;
      }
    }
    .click {
      color: $green;
    }
  }
}
